<template>
  <f7-views tabs safe-areas>

    <f7-toolbar tabbar labels bottom>
      <f7-link tab-link="#home" text="首页" icon-ios="f7:home" tab-link-active
               icon-md="material:home"></f7-link>
      <f7-link tab-link="#member" text="找谁" icon-ios="f7:message"
               icon-md="material:message"></f7-link>
      <f7-link icon-badge="5" badge-color="red" tab-link="#act" text="去哪" icon-ios="f7:timer"
               icon-md="material:timer"></f7-link>
      <f7-link tab-link="#user" text="我的" icon-ios="f7:person"
               icon-md="material:person"></f7-link>
    </f7-toolbar>

    <f7-view id="home" url="/home/" main tab tab-active></f7-view>
    <f7-view id="member" url="/member/home/" tab></f7-view>
    <f7-view id="act" url="/activity/home/" tab></f7-view>
    <f7-view id="user" url="/member/userInfo/" tab></f7-view>


  </f7-views>
</template>

<script>
  import routes from '../routes.js'

  export default {
    data() {
      return {
        // Framework7 parameters here
        f7params: {
          // App routes
          routes: routes,
        },
      }
    }
  }
</script>

<style scoped>

</style>
